<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.bg {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100vw;
		  height: 100vh;
		  line-height: 100vh;
		  text-align: center;
		  font-size: 15vw;
		  -webkit-text-fill-color: transparent;
		  -webkit-text-stroke: 1px rgba(118, 218, 255, 0.8);
		  z-index: -1;
		}
		
		.container {
		  width: 100vw;
		  height: 100vh;
		  overflow: hidden;
		  cursor: pointer;
		  z-index: 100;
		}
		.container .box {
		  position: relative;
		  float: left;
		  width: 30px;
		  height: 30px;
		  margin: 4px;
		}
		.container .box::before {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  border-radius: 50%;
		  transform: scale3d(0.1, 0.1, 1);
		  background-color: transparent;
		  transition: 0.5s transform ease-in, 0.5s background ease-in;
		}
		.container .box:hover::before {
		  transform: scale3d(1.8, 1.8, 1.8);
		  transition: 0s transform;
		}
		
		.box:nth-child(1):hover::before {
		  background-color: rgba(191, 8, 9, 0.8);
		}
		
		.box:nth-child(2):hover::before {
		  background-color: rgba(57, 141, 225, 0.8);
		}
		
		.box:nth-child(3):hover::before {
		  background-color: rgba(50, 149, 72, 0.8);
		}
		
		.box:nth-child(4):hover::before {
		  background-color: rgba(242, 82, 194, 0.8);
		}
		
		.box:nth-child(5):hover::before {
		  background-color: rgba(55, 69, 80, 0.8);
		}
		
		.box:nth-child(6):hover::before {
		  background-color: rgba(106, 70, 106, 0.8);
		}
		
		.box:nth-child(7):hover::before {
		  background-color: rgba(69, 34, 184, 0.8);
		}
		
		.box:nth-child(8):hover::before {
		  background-color: rgba(132, 233, 91, 0.8);
		}
		
		.box:nth-child(9):hover::before {
		  background-color: rgba(211, 186, 8, 0.8);
		}
		
		.box:nth-child(10):hover::before {
		  background-color: rgba(113, 193, 238, 0.8);
		}
		
		.box:nth-child(11):hover::before {
		  background-color: rgba(160, 76, 120, 0.8);
		}
		
		.box:nth-child(12):hover::before {
		  background-color: rgba(161, 62, 98, 0.8);
		}
		
		.box:nth-child(13):hover::before {
		  background-color: rgba(154, 180, 96, 0.8);
		}
		
		.box:nth-child(14):hover::before {
		  background-color: rgba(107, 142, 178, 0.8);
		}
		
		.box:nth-child(15):hover::before {
		  background-color: rgba(215, 83, 182, 0.8);
		}
		
		.box:nth-child(16):hover::before {
		  background-color: rgba(218, 131, 227, 0.8);
		}
		
		.box:nth-child(17):hover::before {
		  background-color: rgba(22, 225, 198, 0.8);
		}
		
		.box:nth-child(18):hover::before {
		  background-color: rgba(96, 218, 245, 0.8);
		}
		
		.box:nth-child(19):hover::before {
		  background-color: rgba(54, 227, 75, 0.8);
		}
		
		.box:nth-child(20):hover::before {
		  background-color: rgba(16, 150, 159, 0.8);
		}
		
		.box:nth-child(21):hover::before {
		  background-color: rgba(69, 149, 91, 0.8);
		}
		
		.box:nth-child(22):hover::before {
		  background-color: rgba(48, 146, 162, 0.8);
		}
		
		.box:nth-child(23):hover::before {
		  background-color: rgba(154, 44, 154, 0.8);
		}
		
		.box:nth-child(24):hover::before {
		  background-color: rgba(102, 158, 225, 0.8);
		}
		
		.box:nth-child(25):hover::before {
		  background-color: rgba(190, 186, 252, 0.8);
		}
		
		.box:nth-child(26):hover::before {
		  background-color: rgba(203, 33, 144, 0.8);
		}
		
		.box:nth-child(27):hover::before {
		  background-color: rgba(126, 117, 207, 0.8);
		}
		
		.box:nth-child(28):hover::before {
		  background-color: rgba(168, 106, 235, 0.8);
		}
		
		.box:nth-child(29):hover::before {
		  background-color: rgba(41, 81, 26, 0.8);
		}
		
		.box:nth-child(30):hover::before {
		  background-color: rgba(46, 86, 146, 0.8);
		}
		
		.box:nth-child(31):hover::before {
		  background-color: rgba(73, 173, 220, 0.8);
		}
		
		.box:nth-child(32):hover::before {
		  background-color: rgba(185, 135, 241, 0.8);
		}
		
		.box:nth-child(33):hover::before {
		  background-color: rgba(33, 219, 198, 0.8);
		}
		
		.box:nth-child(34):hover::before {
		  background-color: rgba(103, 154, 241, 0.8);
		}
		
		.box:nth-child(35):hover::before {
		  background-color: rgba(2, 34, 211, 0.8);
		}
		
		.box:nth-child(36):hover::before {
		  background-color: rgba(212, 108, 101, 0.8);
		}
		
		.box:nth-child(37):hover::before {
		  background-color: rgba(179, 196, 59, 0.8);
		}
		
		.box:nth-child(38):hover::before {
		  background-color: rgba(1, 102, 216, 0.8);
		}
		
		.box:nth-child(39):hover::before {
		  background-color: rgba(208, 113, 22, 0.8);
		}
		
		.box:nth-child(40):hover::before {
		  background-color: rgba(161, 160, 5, 0.8);
		}
		
		.box:nth-child(41):hover::before {
		  background-color: rgba(80, 159, 35, 0.8);
		}
		
		.box:nth-child(42):hover::before {
		  background-color: rgba(226, 68, 9, 0.8);
		}
		
		.box:nth-child(43):hover::before {
		  background-color: rgba(60, 88, 229, 0.8);
		}
		
		.box:nth-child(44):hover::before {
		  background-color: rgba(151, 226, 114, 0.8);
		}
		
		.box:nth-child(45):hover::before {
		  background-color: rgba(173, 22, 124, 0.8);
		}
		
		.box:nth-child(46):hover::before {
		  background-color: rgba(253, 27, 167, 0.8);
		}
		
		.box:nth-child(47):hover::before {
		  background-color: rgba(189, 187, 215, 0.8);
		}
		
		.box:nth-child(48):hover::before {
		  background-color: rgba(29, 3, 190, 0.8);
		}
		
		.box:nth-child(49):hover::before {
		  background-color: rgba(114, 150, 14, 0.8);
		}
		
		.box:nth-child(50):hover::before {
		  background-color: rgba(147, 3, 191, 0.8);
		}
		
		.box:nth-child(51):hover::before {
		  background-color: rgba(30, 30, 35, 0.8);
		}
		
		.box:nth-child(52):hover::before {
		  background-color: rgba(169, 30, 94, 0.8);
		}
		
		.box:nth-child(53):hover::before {
		  background-color: rgba(183, 171, 254, 0.8);
		}
		
		.box:nth-child(54):hover::before {
		  background-color: rgba(29, 138, 36, 0.8);
		}
		
		.box:nth-child(55):hover::before {
		  background-color: rgba(1, 137, 137, 0.8);
		}
		
		.box:nth-child(56):hover::before {
		  background-color: rgba(2, 83, 161, 0.8);
		}
		
		.box:nth-child(57):hover::before {
		  background-color: rgba(147, 36, 81, 0.8);
		}
		
		.box:nth-child(58):hover::before {
		  background-color: rgba(106, 147, 75, 0.8);
		}
		
		.box:nth-child(59):hover::before {
		  background-color: rgba(32, 176, 35, 0.8);
		}
		
		.box:nth-child(60):hover::before {
		  background-color: rgba(79, 138, 243, 0.8);
		}
		
		.box:nth-child(61):hover::before {
		  background-color: rgba(112, 186, 18, 0.8);
		}
		
		.box:nth-child(62):hover::before {
		  background-color: rgba(173, 85, 188, 0.8);
		}
		
		.box:nth-child(63):hover::before {
		  background-color: rgba(235, 52, 56, 0.8);
		}
		
		.box:nth-child(64):hover::before {
		  background-color: rgba(107, 237, 107, 0.8);
		}
		
		.box:nth-child(65):hover::before {
		  background-color: rgba(108, 229, 126, 0.8);
		}
		
		.box:nth-child(66):hover::before {
		  background-color: rgba(97, 77, 211, 0.8);
		}
		
		.box:nth-child(67):hover::before {
		  background-color: rgba(173, 17, 42, 0.8);
		}
		
		.box:nth-child(68):hover::before {
		  background-color: rgba(186, 155, 48, 0.8);
		}
		
		.box:nth-child(69):hover::before {
		  background-color: rgba(104, 246, 43, 0.8);
		}
		
		.box:nth-child(70):hover::before {
		  background-color: rgba(24, 178, 95, 0.8);
		}
		
		.box:nth-child(71):hover::before {
		  background-color: rgba(212, 245, 91, 0.8);
		}
		
		.box:nth-child(72):hover::before {
		  background-color: rgba(142, 146, 225, 0.8);
		}
		
		.box:nth-child(73):hover::before {
		  background-color: rgba(149, 73, 54, 0.8);
		}
		
		.box:nth-child(74):hover::before {
		  background-color: rgba(76, 223, 154, 0.8);
		}
		
		.box:nth-child(75):hover::before {
		  background-color: rgba(236, 25, 54, 0.8);
		}
		
		.box:nth-child(76):hover::before {
		  background-color: rgba(226, 13, 191, 0.8);
		}
		
		.box:nth-child(77):hover::before {
		  background-color: rgba(112, 10, 115, 0.8);
		}
		
		.box:nth-child(78):hover::before {
		  background-color: rgba(43, 218, 65, 0.8);
		}
		
		.box:nth-child(79):hover::before {
		  background-color: rgba(199, 110, 253, 0.8);
		}
		
		.box:nth-child(80):hover::before {
		  background-color: rgba(83, 200, 106, 0.8);
		}
		
		.box:nth-child(81):hover::before {
		  background-color: rgba(197, 99, 243, 0.8);
		}
		
		.box:nth-child(82):hover::before {
		  background-color: rgba(196, 176, 127, 0.8);
		}
		
		.box:nth-child(83):hover::before {
		  background-color: rgba(65, 102, 169, 0.8);
		}
		
		.box:nth-child(84):hover::before {
		  background-color: rgba(208, 99, 238, 0.8);
		}
		
		.box:nth-child(85):hover::before {
		  background-color: rgba(236, 47, 99, 0.8);
		}
		
		.box:nth-child(86):hover::before {
		  background-color: rgba(192, 9, 121, 0.8);
		}
		
		.box:nth-child(87):hover::before {
		  background-color: rgba(71, 156, 205, 0.8);
		}
		
		.box:nth-child(88):hover::before {
		  background-color: rgba(96, 245, 222, 0.8);
		}
		
		.box:nth-child(89):hover::before {
		  background-color: rgba(69, 193, 110, 0.8);
		}
		
		.box:nth-child(90):hover::before {
		  background-color: rgba(147, 157, 227, 0.8);
		}
		
		.box:nth-child(91):hover::before {
		  background-color: rgba(226, 121, 98, 0.8);
		}
		
		.box:nth-child(92):hover::before {
		  background-color: rgba(185, 252, 98, 0.8);
		}
		
		.box:nth-child(93):hover::before {
		  background-color: rgba(240, 222, 42, 0.8);
		}
		
		.box:nth-child(94):hover::before {
		  background-color: rgba(89, 9, 64, 0.8);
		}
		
		.box:nth-child(95):hover::before {
		  background-color: rgba(231, 52, 15, 0.8);
		}
		
		.box:nth-child(96):hover::before {
		  background-color: rgba(192, 137, 45, 0.8);
		}
		
		.box:nth-child(97):hover::before {
		  background-color: rgba(224, 32, 244, 0.8);
		}
		
		.box:nth-child(98):hover::before {
		  background-color: rgba(164, 176, 3, 0.8);
		}
		
		.box:nth-child(99):hover::before {
		  background-color: rgba(176, 31, 29, 0.8);
		}
		
		.box:nth-child(100):hover::before {
		  background-color: rgba(158, 69, 221, 0.8);
		}
		
		.box:nth-child(101):hover::before {
		  background-color: rgba(163, 25, 170, 0.8);
		}
		
		.box:nth-child(102):hover::before {
		  background-color: rgba(22, 83, 27, 0.8);
		}
		
		.box:nth-child(103):hover::before {
		  background-color: rgba(36, 112, 147, 0.8);
		}
		
		.box:nth-child(104):hover::before {
		  background-color: rgba(242, 225, 99, 0.8);
		}
		
		.box:nth-child(105):hover::before {
		  background-color: rgba(21, 233, 108, 0.8);
		}
		
		.box:nth-child(106):hover::before {
		  background-color: rgba(118, 242, 1, 0.8);
		}
		
		.box:nth-child(107):hover::before {
		  background-color: rgba(177, 192, 220, 0.8);
		}
		
		.box:nth-child(108):hover::before {
		  background-color: rgba(197, 207, 198, 0.8);
		}
		
		.box:nth-child(109):hover::before {
		  background-color: rgba(159, 230, 5, 0.8);
		}
		
		.box:nth-child(110):hover::before {
		  background-color: rgba(179, 113, 217, 0.8);
		}
		
		.box:nth-child(111):hover::before {
		  background-color: rgba(148, 229, 53, 0.8);
		}
		
		.box:nth-child(112):hover::before {
		  background-color: rgba(42, 149, 6, 0.8);
		}
		
		.box:nth-child(113):hover::before {
		  background-color: rgba(100, 8, 42, 0.8);
		}
		
		.box:nth-child(114):hover::before {
		  background-color: rgba(21, 141, 197, 0.8);
		}
		
		.box:nth-child(115):hover::before {
		  background-color: rgba(216, 242, 203, 0.8);
		}
		
		.box:nth-child(116):hover::before {
		  background-color: rgba(108, 63, 205, 0.8);
		}
		
		.box:nth-child(117):hover::before {
		  background-color: rgba(128, 38, 114, 0.8);
		}
		
		.box:nth-child(118):hover::before {
		  background-color: rgba(61, 154, 140, 0.8);
		}
		
		.box:nth-child(119):hover::before {
		  background-color: rgba(94, 41, 131, 0.8);
		}
		
		.box:nth-child(120):hover::before {
		  background-color: rgba(92, 153, 8, 0.8);
		}
		
		.box:nth-child(121):hover::before {
		  background-color: rgba(188, 235, 191, 0.8);
		}
		
		.box:nth-child(122):hover::before {
		  background-color: rgba(27, 136, 130, 0.8);
		}
		
		.box:nth-child(123):hover::before {
		  background-color: rgba(212, 186, 123, 0.8);
		}
		
		.box:nth-child(124):hover::before {
		  background-color: rgba(166, 86, 67, 0.8);
		}
		
		.box:nth-child(125):hover::before {
		  background-color: rgba(61, 192, 63, 0.8);
		}
		
		.box:nth-child(126):hover::before {
		  background-color: rgba(181, 39, 17, 0.8);
		}
		
		.box:nth-child(127):hover::before {
		  background-color: rgba(116, 237, 6, 0.8);
		}
		
		.box:nth-child(128):hover::before {
		  background-color: rgba(194, 97, 174, 0.8);
		}
		
		.box:nth-child(129):hover::before {
		  background-color: rgba(128, 14, 177, 0.8);
		}
		
		.box:nth-child(130):hover::before {
		  background-color: rgba(88, 54, 119, 0.8);
		}
		
		.box:nth-child(131):hover::before {
		  background-color: rgba(30, 121, 20, 0.8);
		}
		
		.box:nth-child(132):hover::before {
		  background-color: rgba(32, 2, 204, 0.8);
		}
		
		.box:nth-child(133):hover::before {
		  background-color: rgba(250, 62, 48, 0.8);
		}
		
		.box:nth-child(134):hover::before {
		  background-color: rgba(196, 195, 81, 0.8);
		}
		
		.box:nth-child(135):hover::before {
		  background-color: rgba(127, 22, 181, 0.8);
		}
		
		.box:nth-child(136):hover::before {
		  background-color: rgba(35, 122, 77, 0.8);
		}
		
		.box:nth-child(137):hover::before {
		  background-color: rgba(216, 79, 74, 0.8);
		}
		
		.box:nth-child(138):hover::before {
		  background-color: rgba(174, 217, 133, 0.8);
		}
		
		.box:nth-child(139):hover::before {
		  background-color: rgba(34, 150, 78, 0.8);
		}
		
		.box:nth-child(140):hover::before {
		  background-color: rgba(202, 203, 160, 0.8);
		}
		
		.box:nth-child(141):hover::before {
		  background-color: rgba(73, 10, 6, 0.8);
		}
		
		.box:nth-child(142):hover::before {
		  background-color: rgba(13, 184, 23, 0.8);
		}
		
		.box:nth-child(143):hover::before {
		  background-color: rgba(29, 66, 6, 0.8);
		}
		
		.box:nth-child(144):hover::before {
		  background-color: rgba(241, 97, 71, 0.8);
		}
		
		.box:nth-child(145):hover::before {
		  background-color: rgba(35, 118, 243, 0.8);
		}
		
		.box:nth-child(146):hover::before {
		  background-color: rgba(175, 63, 250, 0.8);
		}
		
		.box:nth-child(147):hover::before {
		  background-color: rgba(85, 24, 127, 0.8);
		}
		
		.box:nth-child(148):hover::before {
		  background-color: rgba(130, 95, 136, 0.8);
		}
		
		.box:nth-child(149):hover::before {
		  background-color: rgba(206, 79, 38, 0.8);
		}
		
		.box:nth-child(150):hover::before {
		  background-color: rgba(90, 252, 126, 0.8);
		}
		
		.box:nth-child(151):hover::before {
		  background-color: rgba(190, 86, 150, 0.8);
		}
		
		.box:nth-child(152):hover::before {
		  background-color: rgba(72, 248, 159, 0.8);
		}
		
		.box:nth-child(153):hover::before {
		  background-color: rgba(84, 64, 68, 0.8);
		}
		
		.box:nth-child(154):hover::before {
		  background-color: rgba(245, 51, 141, 0.8);
		}
		
		.box:nth-child(155):hover::before {
		  background-color: rgba(244, 201, 105, 0.8);
		}
		
		.box:nth-child(156):hover::before {
		  background-color: rgba(94, 29, 101, 0.8);
		}
		
		.box:nth-child(157):hover::before {
		  background-color: rgba(58, 44, 162, 0.8);
		}
		
		.box:nth-child(158):hover::before {
		  background-color: rgba(23, 220, 146, 0.8);
		}
		
		.box:nth-child(159):hover::before {
		  background-color: rgba(191, 77, 209, 0.8);
		}
		
		.box:nth-child(160):hover::before {
		  background-color: rgba(144, 37, 197, 0.8);
		}
		
		.box:nth-child(161):hover::before {
		  background-color: rgba(204, 119, 172, 0.8);
		}
		
		.box:nth-child(162):hover::before {
		  background-color: rgba(43, 130, 3, 0.8);
		}
		
		.box:nth-child(163):hover::before {
		  background-color: rgba(142, 137, 158, 0.8);
		}
		
		.box:nth-child(164):hover::before {
		  background-color: rgba(207, 25, 87, 0.8);
		}
		
		.box:nth-child(165):hover::before {
		  background-color: rgba(125, 249, 103, 0.8);
		}
		
		.box:nth-child(166):hover::before {
		  background-color: rgba(85, 191, 23, 0.8);
		}
		
		.box:nth-child(167):hover::before {
		  background-color: rgba(23, 76, 247, 0.8);
		}
		
		.box:nth-child(168):hover::before {
		  background-color: rgba(165, 60, 155, 0.8);
		}
		
		.box:nth-child(169):hover::before {
		  background-color: rgba(160, 64, 13, 0.8);
		}
		
		.box:nth-child(170):hover::before {
		  background-color: rgba(44, 202, 178, 0.8);
		}
		
		.box:nth-child(171):hover::before {
		  background-color: rgba(245, 143, 27, 0.8);
		}
		
		.box:nth-child(172):hover::before {
		  background-color: rgba(141, 35, 108, 0.8);
		}
		
		.box:nth-child(173):hover::before {
		  background-color: rgba(20, 164, 247, 0.8);
		}
		
		.box:nth-child(174):hover::before {
		  background-color: rgba(78, 201, 141, 0.8);
		}
		
		.box:nth-child(175):hover::before {
		  background-color: rgba(74, 140, 12, 0.8);
		}
		
		.box:nth-child(176):hover::before {
		  background-color: rgba(193, 161, 255, 0.8);
		}
		
		.box:nth-child(177):hover::before {
		  background-color: rgba(250, 8, 34, 0.8);
		}
		
		.box:nth-child(178):hover::before {
		  background-color: rgba(188, 86, 48, 0.8);
		}
		
		.box:nth-child(179):hover::before {
		  background-color: rgba(70, 7, 92, 0.8);
		}
		
		.box:nth-child(180):hover::before {
		  background-color: rgba(250, 119, 160, 0.8);
		}
		
		.box:nth-child(181):hover::before {
		  background-color: rgba(234, 179, 175, 0.8);
		}
		
		.box:nth-child(182):hover::before {
		  background-color: rgba(196, 123, 218, 0.8);
		}
		
		.box:nth-child(183):hover::before {
		  background-color: rgba(18, 123, 197, 0.8);
		}
		
		.box:nth-child(184):hover::before {
		  background-color: rgba(148, 154, 204, 0.8);
		}
		
		.box:nth-child(185):hover::before {
		  background-color: rgba(2, 218, 121, 0.8);
		}
		
		.box:nth-child(186):hover::before {
		  background-color: rgba(142, 32, 236, 0.8);
		}
		
		.box:nth-child(187):hover::before {
		  background-color: rgba(247, 170, 207, 0.8);
		}
		
		.box:nth-child(188):hover::before {
		  background-color: rgba(236, 231, 123, 0.8);
		}
		
		.box:nth-child(189):hover::before {
		  background-color: rgba(176, 27, 238, 0.8);
		}
		
		.box:nth-child(190):hover::before {
		  background-color: rgba(53, 54, 196, 0.8);
		}
		
		.box:nth-child(191):hover::before {
		  background-color: rgba(34, 153, 172, 0.8);
		}
		
		.box:nth-child(192):hover::before {
		  background-color: rgba(17, 252, 162, 0.8);
		}
		
		.box:nth-child(193):hover::before {
		  background-color: rgba(188, 129, 129, 0.8);
		}
		
		.box:nth-child(194):hover::before {
		  background-color: rgba(102, 143, 238, 0.8);
		}
		
		.box:nth-child(195):hover::before {
		  background-color: rgba(238, 41, 167, 0.8);
		}
		
		.box:nth-child(196):hover::before {
		  background-color: rgba(170, 144, 211, 0.8);
		}
		
		.box:nth-child(197):hover::before {
		  background-color: rgba(21, 48, 37, 0.8);
		}
		
		.box:nth-child(198):hover::before {
		  background-color: rgba(49, 15, 25, 0.8);
		}
		
		.box:nth-child(199):hover::before {
		  background-color: rgba(202, 29, 146, 0.8);
		}
		
		.box:nth-child(200):hover::before {
		  background-color: rgba(184, 54, 231, 0.8);
		}
		
		.box:nth-child(201):hover::before {
		  background-color: rgba(110, 190, 209, 0.8);
		}
		
		.box:nth-child(202):hover::before {
		  background-color: rgba(84, 27, 210, 0.8);
		}
		
		.box:nth-child(203):hover::before {
		  background-color: rgba(193, 77, 237, 0.8);
		}
		
		.box:nth-child(204):hover::before {
		  background-color: rgba(111, 179, 180, 0.8);
		}
		
		.box:nth-child(205):hover::before {
		  background-color: rgba(160, 228, 34, 0.8);
		}
		
		.box:nth-child(206):hover::before {
		  background-color: rgba(130, 13, 227, 0.8);
		}
		
		.box:nth-child(207):hover::before {
		  background-color: rgba(136, 73, 249, 0.8);
		}
		
		.box:nth-child(208):hover::before {
		  background-color: rgba(130, 28, 112, 0.8);
		}
		
		.box:nth-child(209):hover::before {
		  background-color: rgba(21, 6, 60, 0.8);
		}
		
		.box:nth-child(210):hover::before {
		  background-color: rgba(31, 28, 192, 0.8);
		}
		
		.box:nth-child(211):hover::before {
		  background-color: rgba(213, 160, 203, 0.8);
		}
		
		.box:nth-child(212):hover::before {
		  background-color: rgba(33, 32, 22, 0.8);
		}
		
		.box:nth-child(213):hover::before {
		  background-color: rgba(62, 128, 78, 0.8);
		}
		
		.box:nth-child(214):hover::before {
		  background-color: rgba(121, 228, 168, 0.8);
		}
		
		.box:nth-child(215):hover::before {
		  background-color: rgba(120, 139, 126, 0.8);
		}
		
		.box:nth-child(216):hover::before {
		  background-color: rgba(187, 156, 131, 0.8);
		}
		
		.box:nth-child(217):hover::before {
		  background-color: rgba(219, 34, 68, 0.8);
		}
		
		.box:nth-child(218):hover::before {
		  background-color: rgba(125, 38, 200, 0.8);
		}
		
		.box:nth-child(219):hover::before {
		  background-color: rgba(133, 140, 220, 0.8);
		}
		
		.box:nth-child(220):hover::before {
		  background-color: rgba(54, 12, 213, 0.8);
		}
		
		.box:nth-child(221):hover::before {
		  background-color: rgba(245, 35, 141, 0.8);
		}
		
		.box:nth-child(222):hover::before {
		  background-color: rgba(68, 150, 121, 0.8);
		}
		
		.box:nth-child(223):hover::before {
		  background-color: rgba(124, 46, 193, 0.8);
		}
		
		.box:nth-child(224):hover::before {
		  background-color: rgba(180, 24, 58, 0.8);
		}
		
		.box:nth-child(225):hover::before {
		  background-color: rgba(204, 214, 227, 0.8);
		}
		
		.box:nth-child(226):hover::before {
		  background-color: rgba(188, 14, 139, 0.8);
		}
		
		.box:nth-child(227):hover::before {
		  background-color: rgba(169, 101, 116, 0.8);
		}
		
		.box:nth-child(228):hover::before {
		  background-color: rgba(194, 119, 139, 0.8);
		}
		
		.box:nth-child(229):hover::before {
		  background-color: rgba(20, 112, 40, 0.8);
		}
		
		.box:nth-child(230):hover::before {
		  background-color: rgba(231, 190, 120, 0.8);
		}
		
		.box:nth-child(231):hover::before {
		  background-color: rgba(229, 76, 144, 0.8);
		}
		
		.box:nth-child(232):hover::before {
		  background-color: rgba(241, 3, 148, 0.8);
		}
		
		.box:nth-child(233):hover::before {
		  background-color: rgba(55, 81, 170, 0.8);
		}
		
		.box:nth-child(234):hover::before {
		  background-color: rgba(55, 174, 45, 0.8);
		}
		
		.box:nth-child(235):hover::before {
		  background-color: rgba(121, 103, 8, 0.8);
		}
		
		.box:nth-child(236):hover::before {
		  background-color: rgba(119, 254, 49, 0.8);
		}
		
		.box:nth-child(237):hover::before {
		  background-color: rgba(146, 145, 193, 0.8);
		}
		
		.box:nth-child(238):hover::before {
		  background-color: rgba(47, 158, 157, 0.8);
		}
		
		.box:nth-child(239):hover::before {
		  background-color: rgba(162, 121, 188, 0.8);
		}
		
		.box:nth-child(240):hover::before {
		  background-color: rgba(18, 242, 1, 0.8);
		}
		
		.box:nth-child(241):hover::before {
		  background-color: rgba(103, 116, 194, 0.8);
		}
		
		.box:nth-child(242):hover::before {
		  background-color: rgba(60, 175, 47, 0.8);
		}
		
		.box:nth-child(243):hover::before {
		  background-color: rgba(120, 86, 128, 0.8);
		}
		
		.box:nth-child(244):hover::before {
		  background-color: rgba(87, 87, 64, 0.8);
		}
		
		.box:nth-child(245):hover::before {
		  background-color: rgba(193, 37, 176, 0.8);
		}
		
		.box:nth-child(246):hover::before {
		  background-color: rgba(217, 186, 46, 0.8);
		}
		
		.box:nth-child(247):hover::before {
		  background-color: rgba(223, 233, 18, 0.8);
		}
		
		.box:nth-child(248):hover::before {
		  background-color: rgba(39, 233, 23, 0.8);
		}
		
		.box:nth-child(249):hover::before {
		  background-color: rgba(99, 219, 247, 0.8);
		}
		
		.box:nth-child(250):hover::before {
		  background-color: rgba(168, 61, 75, 0.8);
		}
		
		.box:nth-child(251):hover::before {
		  background-color: rgba(33, 79, 194, 0.8);
		}
		
		.box:nth-child(252):hover::before {
		  background-color: rgba(65, 70, 98, 0.8);
		}
		
		.box:nth-child(253):hover::before {
		  background-color: rgba(255, 145, 153, 0.8);
		}
		
		.box:nth-child(254):hover::before {
		  background-color: rgba(149, 237, 61, 0.8);
		}
		
		.box:nth-child(255):hover::before {
		  background-color: rgba(218, 190, 201, 0.8);
		}
		
		.box:nth-child(256):hover::before {
		  background-color: rgba(9, 106, 95, 0.8);
		}
		
		.box:nth-child(257):hover::before {
		  background-color: rgba(254, 227, 84, 0.8);
		}
		
		.box:nth-child(258):hover::before {
		  background-color: rgba(68, 86, 253, 0.8);
		}
		
		.box:nth-child(259):hover::before {
		  background-color: rgba(230, 86, 6, 0.8);
		}
		
		.box:nth-child(260):hover::before {
		  background-color: rgba(34, 208, 215, 0.8);
		}
		
		.box:nth-child(261):hover::before {
		  background-color: rgba(12, 214, 118, 0.8);
		}
		
		.box:nth-child(262):hover::before {
		  background-color: rgba(64, 142, 107, 0.8);
		}
		
		.box:nth-child(263):hover::before {
		  background-color: rgba(29, 161, 203, 0.8);
		}
		
		.box:nth-child(264):hover::before {
		  background-color: rgba(164, 169, 152, 0.8);
		}
		
		.box:nth-child(265):hover::before {
		  background-color: rgba(168, 247, 147, 0.8);
		}
		
		.box:nth-child(266):hover::before {
		  background-color: rgba(200, 174, 40, 0.8);
		}
		
		.box:nth-child(267):hover::before {
		  background-color: rgba(39, 38, 71, 0.8);
		}
		
		.box:nth-child(268):hover::before {
		  background-color: rgba(219, 125, 226, 0.8);
		}
		
		.box:nth-child(269):hover::before {
		  background-color: rgba(77, 54, 212, 0.8);
		}
		
		.box:nth-child(270):hover::before {
		  background-color: rgba(176, 206, 159, 0.8);
		}
		
		.box:nth-child(271):hover::before {
		  background-color: rgba(149, 17, 161, 0.8);
		}
		
		.box:nth-child(272):hover::before {
		  background-color: rgba(247, 170, 141, 0.8);
		}
		
		.box:nth-child(273):hover::before {
		  background-color: rgba(213, 65, 246, 0.8);
		}
		
		.box:nth-child(274):hover::before {
		  background-color: rgba(191, 28, 8, 0.8);
		}
		
		.box:nth-child(275):hover::before {
		  background-color: rgba(228, 68, 207, 0.8);
		}
		
		.box:nth-child(276):hover::before {
		  background-color: rgba(245, 220, 10, 0.8);
		}
		
		.box:nth-child(277):hover::before {
		  background-color: rgba(234, 132, 75, 0.8);
		}
		
		.box:nth-child(278):hover::before {
		  background-color: rgba(22, 2, 139, 0.8);
		}
		
		.box:nth-child(279):hover::before {
		  background-color: rgba(98, 168, 126, 0.8);
		}
		
		.box:nth-child(280):hover::before {
		  background-color: rgba(63, 105, 182, 0.8);
		}
		
		.box:nth-child(281):hover::before {
		  background-color: rgba(45, 88, 120, 0.8);
		}
		
		.box:nth-child(282):hover::before {
		  background-color: rgba(11, 15, 140, 0.8);
		}
		
		.box:nth-child(283):hover::before {
		  background-color: rgba(55, 193, 115, 0.8);
		}
		
		.box:nth-child(284):hover::before {
		  background-color: rgba(82, 251, 177, 0.8);
		}
		
		.box:nth-child(285):hover::before {
		  background-color: rgba(4, 219, 188, 0.8);
		}
		
		.box:nth-child(286):hover::before {
		  background-color: rgba(162, 162, 153, 0.8);
		}
		
		.box:nth-child(287):hover::before {
		  background-color: rgba(207, 184, 46, 0.8);
		}
		
		.box:nth-child(288):hover::before {
		  background-color: rgba(76, 22, 252, 0.8);
		}
		
		.box:nth-child(289):hover::before {
		  background-color: rgba(119, 75, 41, 0.8);
		}
		
		.box:nth-child(290):hover::before {
		  background-color: rgba(172, 187, 31, 0.8);
		}
		
		.box:nth-child(291):hover::before {
		  background-color: rgba(119, 198, 166, 0.8);
		}
		
		.box:nth-child(292):hover::before {
		  background-color: rgba(234, 119, 103, 0.8);
		}
		
		.box:nth-child(293):hover::before {
		  background-color: rgba(104, 63, 58, 0.8);
		}
		
		.box:nth-child(294):hover::before {
		  background-color: rgba(253, 8, 62, 0.8);
		}
		
		.box:nth-child(295):hover::before {
		  background-color: rgba(178, 13, 220, 0.8);
		}
		
		.box:nth-child(296):hover::before {
		  background-color: rgba(117, 23, 186, 0.8);
		}
		
		.box:nth-child(297):hover::before {
		  background-color: rgba(229, 238, 110, 0.8);
		}
		
		.box:nth-child(298):hover::before {
		  background-color: rgba(191, 44, 214, 0.8);
		}
		
		.box:nth-child(299):hover::before {
		  background-color: rgba(98, 185, 207, 0.8);
		}
		
		.box:nth-child(300):hover::before {
		  background-color: rgba(101, 104, 79, 0.8);
		}
		
		.box:nth-child(301):hover::before {
		  background-color: rgba(58, 247, 30, 0.8);
		}
		
		.box:nth-child(302):hover::before {
		  background-color: rgba(1, 124, 7, 0.8);
		}
		
		.box:nth-child(303):hover::before {
		  background-color: rgba(4, 171, 232, 0.8);
		}
		
		.box:nth-child(304):hover::before {
		  background-color: rgba(151, 240, 131, 0.8);
		}
		
		.box:nth-child(305):hover::before {
		  background-color: rgba(99, 81, 202, 0.8);
		}
		
		.box:nth-child(306):hover::before {
		  background-color: rgba(32, 139, 74, 0.8);
		}
		
		.box:nth-child(307):hover::before {
		  background-color: rgba(135, 181, 21, 0.8);
		}
		
		.box:nth-child(308):hover::before {
		  background-color: rgba(215, 49, 11, 0.8);
		}
		
		.box:nth-child(309):hover::before {
		  background-color: rgba(235, 218, 212, 0.8);
		}
		
		.box:nth-child(310):hover::before {
		  background-color: rgba(137, 37, 215, 0.8);
		}
		
		.box:nth-child(311):hover::before {
		  background-color: rgba(169, 50, 253, 0.8);
		}
		
		.box:nth-child(312):hover::before {
		  background-color: rgba(19, 138, 182, 0.8);
		}
		
		.box:nth-child(313):hover::before {
		  background-color: rgba(91, 87, 72, 0.8);
		}
		
		.box:nth-child(314):hover::before {
		  background-color: rgba(226, 32, 83, 0.8);
		}
		
		.box:nth-child(315):hover::before {
		  background-color: rgba(153, 28, 245, 0.8);
		}
		
		.box:nth-child(316):hover::before {
		  background-color: rgba(152, 151, 95, 0.8);
		}
		
		.box:nth-child(317):hover::before {
		  background-color: rgba(64, 127, 73, 0.8);
		}
		
		.box:nth-child(318):hover::before {
		  background-color: rgba(80, 221, 109, 0.8);
		}
		
		.box:nth-child(319):hover::before {
		  background-color: rgba(220, 108, 168, 0.8);
		}
		
		.box:nth-child(320):hover::before {
		  background-color: rgba(12, 132, 175, 0.8);
		}
		
		.box:nth-child(321):hover::before {
		  background-color: rgba(119, 65, 108, 0.8);
		}
		
		.box:nth-child(322):hover::before {
		  background-color: rgba(37, 219, 119, 0.8);
		}
		
		.box:nth-child(323):hover::before {
		  background-color: rgba(115, 244, 239, 0.8);
		}
		
		.box:nth-child(324):hover::before {
		  background-color: rgba(63, 211, 223, 0.8);
		}
		
		.box:nth-child(325):hover::before {
		  background-color: rgba(248, 172, 192, 0.8);
		}
		
		.box:nth-child(326):hover::before {
		  background-color: rgba(16, 136, 9, 0.8);
		}
		
		.box:nth-child(327):hover::before {
		  background-color: rgba(5, 137, 178, 0.8);
		}
		
		.box:nth-child(328):hover::before {
		  background-color: rgba(34, 26, 69, 0.8);
		}
		
		.box:nth-child(329):hover::before {
		  background-color: rgba(132, 168, 36, 0.8);
		}
		
		.box:nth-child(330):hover::before {
		  background-color: rgba(185, 127, 203, 0.8);
		}
		
		.box:nth-child(331):hover::before {
		  background-color: rgba(182, 248, 97, 0.8);
		}
		
		.box:nth-child(332):hover::before {
		  background-color: rgba(208, 75, 94, 0.8);
		}
		
		.box:nth-child(333):hover::before {
		  background-color: rgba(194, 215, 23, 0.8);
		}
		
		.box:nth-child(334):hover::before {
		  background-color: rgba(240, 218, 165, 0.8);
		}
		
		.box:nth-child(335):hover::before {
		  background-color: rgba(208, 50, 84, 0.8);
		}
		
		.box:nth-child(336):hover::before {
		  background-color: rgba(185, 27, 86, 0.8);
		}
		
		.box:nth-child(337):hover::before {
		  background-color: rgba(125, 27, 50, 0.8);
		}
		
		.box:nth-child(338):hover::before {
		  background-color: rgba(36, 189, 81, 0.8);
		}
		
		.box:nth-child(339):hover::before {
		  background-color: rgba(195, 180, 172, 0.8);
		}
		
		.box:nth-child(340):hover::before {
		  background-color: rgba(34, 131, 120, 0.8);
		}
		
		.box:nth-child(341):hover::before {
		  background-color: rgba(162, 85, 213, 0.8);
		}
		
		.box:nth-child(342):hover::before {
		  background-color: rgba(27, 139, 9, 0.8);
		}
		
		.box:nth-child(343):hover::before {
		  background-color: rgba(127, 222, 13, 0.8);
		}
		
		.box:nth-child(344):hover::before {
		  background-color: rgba(186, 67, 161, 0.8);
		}
		
		.box:nth-child(345):hover::before {
		  background-color: rgba(145, 16, 154, 0.8);
		}
		
		.box:nth-child(346):hover::before {
		  background-color: rgba(32, 177, 70, 0.8);
		}
		
		.box:nth-child(347):hover::before {
		  background-color: rgba(160, 199, 235, 0.8);
		}
		
		.box:nth-child(348):hover::before {
		  background-color: rgba(116, 44, 80, 0.8);
		}
		
		.box:nth-child(349):hover::before {
		  background-color: rgba(249, 106, 179, 0.8);
		}
		
		.box:nth-child(350):hover::before {
		  background-color: rgba(185, 31, 216, 0.8);
		}
		
		.box:nth-child(351):hover::before {
		  background-color: rgba(23, 243, 55, 0.8);
		}
		
		.box:nth-child(352):hover::before {
		  background-color: rgba(76, 63, 21, 0.8);
		}
		
		.box:nth-child(353):hover::before {
		  background-color: rgba(176, 209, 29, 0.8);
		}
		
		.box:nth-child(354):hover::before {
		  background-color: rgba(4, 13, 196, 0.8);
		}
		
		.box:nth-child(355):hover::before {
		  background-color: rgba(251, 60, 254, 0.8);
		}
		
		.box:nth-child(356):hover::before {
		  background-color: rgba(43, 98, 189, 0.8);
		}
		
		.box:nth-child(357):hover::before {
		  background-color: rgba(173, 129, 26, 0.8);
		}
		
		.box:nth-child(358):hover::before {
		  background-color: rgba(231, 100, 125, 0.8);
		}
		
		.box:nth-child(359):hover::before {
		  background-color: rgba(131, 33, 104, 0.8);
		}
		
		.box:nth-child(360):hover::before {
		  background-color: rgba(111, 8, 46, 0.8);
		}
		
		.box:nth-child(361):hover::before {
		  background-color: rgba(45, 225, 169, 0.8);
		}
		
		.box:nth-child(362):hover::before {
		  background-color: rgba(11, 10, 58, 0.8);
		}
		
		.box:nth-child(363):hover::before {
		  background-color: rgba(77, 253, 73, 0.8);
		}
		
		.box:nth-child(364):hover::before {
		  background-color: rgba(87, 7, 243, 0.8);
		}
		
		.box:nth-child(365):hover::before {
		  background-color: rgba(148, 157, 236, 0.8);
		}
		
		.box:nth-child(366):hover::before {
		  background-color: rgba(224, 32, 139, 0.8);
		}
		
		.box:nth-child(367):hover::before {
		  background-color: rgba(172, 213, 69, 0.8);
		}
		
		.box:nth-child(368):hover::before {
		  background-color: rgba(17, 147, 33, 0.8);
		}
		
		.box:nth-child(369):hover::before {
		  background-color: rgba(61, 219, 188, 0.8);
		}
		
		.box:nth-child(370):hover::before {
		  background-color: rgba(66, 68, 38, 0.8);
		}
		
		.box:nth-child(371):hover::before {
		  background-color: rgba(117, 72, 88, 0.8);
		}
		
		.box:nth-child(372):hover::before {
		  background-color: rgba(155, 170, 218, 0.8);
		}
		
		.box:nth-child(373):hover::before {
		  background-color: rgba(192, 252, 46, 0.8);
		}
		
		.box:nth-child(374):hover::before {
		  background-color: rgba(41, 111, 191, 0.8);
		}
		
		.box:nth-child(375):hover::before {
		  background-color: rgba(192, 93, 72, 0.8);
		}
		
		.box:nth-child(376):hover::before {
		  background-color: rgba(87, 1, 16, 0.8);
		}
		
		.box:nth-child(377):hover::before {
		  background-color: rgba(47, 171, 228, 0.8);
		}
		
		.box:nth-child(378):hover::before {
		  background-color: rgba(157, 125, 150, 0.8);
		}
		
		.box:nth-child(379):hover::before {
		  background-color: rgba(128, 217, 242, 0.8);
		}
		
		.box:nth-child(380):hover::before {
		  background-color: rgba(152, 167, 187, 0.8);
		}
		
		.box:nth-child(381):hover::before {
		  background-color: rgba(2, 32, 16, 0.8);
		}
		
		.box:nth-child(382):hover::before {
		  background-color: rgba(165, 166, 225, 0.8);
		}
		
		.box:nth-child(383):hover::before {
		  background-color: rgba(76, 246, 204, 0.8);
		}
		
		.box:nth-child(384):hover::before {
		  background-color: rgba(179, 3, 134, 0.8);
		}
		
		.box:nth-child(385):hover::before {
		  background-color: rgba(210, 181, 77, 0.8);
		}
		
		.box:nth-child(386):hover::before {
		  background-color: rgba(52, 184, 44, 0.8);
		}
		
		.box:nth-child(387):hover::before {
		  background-color: rgba(180, 246, 59, 0.8);
		}
		
		.box:nth-child(388):hover::before {
		  background-color: rgba(171, 207, 236, 0.8);
		}
		
		.box:nth-child(389):hover::before {
		  background-color: rgba(175, 53, 7, 0.8);
		}
		
		.box:nth-child(390):hover::before {
		  background-color: rgba(238, 150, 110, 0.8);
		}
		
		.box:nth-child(391):hover::before {
		  background-color: rgba(120, 129, 201, 0.8);
		}
		
		.box:nth-child(392):hover::before {
		  background-color: rgba(174, 44, 38, 0.8);
		}
		
		.box:nth-child(393):hover::before {
		  background-color: rgba(114, 188, 132, 0.8);
		}
		
		.box:nth-child(394):hover::before {
		  background-color: rgba(45, 141, 120, 0.8);
		}
		
		.box:nth-child(395):hover::before {
		  background-color: rgba(65, 39, 45, 0.8);
		}
		
		.box:nth-child(396):hover::before {
		  background-color: rgba(3, 206, 114, 0.8);
		}
		
		.box:nth-child(397):hover::before {
		  background-color: rgba(84, 46, 254, 0.8);
		}
		
		.box:nth-child(398):hover::before {
		  background-color: rgba(50, 72, 34, 0.8);
		}
		
		.box:nth-child(399):hover::before {
		  background-color: rgba(242, 18, 124, 0.8);
		}
		
		.box:nth-child(400):hover::before {
		  background-color: rgba(96, 183, 51, 0.8);
		}
		
		.box:nth-child(401):hover::before {
		  background-color: rgba(250, 149, 91, 0.8);
		}
		
		.box:nth-child(402):hover::before {
		  background-color: rgba(131, 13, 150, 0.8);
		}
		
		.box:nth-child(403):hover::before {
		  background-color: rgba(104, 67, 138, 0.8);
		}
		
		.box:nth-child(404):hover::before {
		  background-color: rgba(143, 139, 226, 0.8);
		}
		
		.box:nth-child(405):hover::before {
		  background-color: rgba(182, 73, 110, 0.8);
		}
		
		.box:nth-child(406):hover::before {
		  background-color: rgba(41, 106, 166, 0.8);
		}
		
		.box:nth-child(407):hover::before {
		  background-color: rgba(93, 250, 230, 0.8);
		}
		
		.box:nth-child(408):hover::before {
		  background-color: rgba(228, 56, 179, 0.8);
		}
		
		.box:nth-child(409):hover::before {
		  background-color: rgba(77, 81, 220, 0.8);
		}
		
		.box:nth-child(410):hover::before {
		  background-color: rgba(243, 152, 201, 0.8);
		}
		
		.box:nth-child(411):hover::before {
		  background-color: rgba(188, 192, 243, 0.8);
		}
		
		.box:nth-child(412):hover::before {
		  background-color: rgba(146, 164, 139, 0.8);
		}
		
		.box:nth-child(413):hover::before {
		  background-color: rgba(233, 108, 162, 0.8);
		}
		
		.box:nth-child(414):hover::before {
		  background-color: rgba(45, 31, 236, 0.8);
		}
		
		.box:nth-child(415):hover::before {
		  background-color: rgba(47, 181, 200, 0.8);
		}
		
		.box:nth-child(416):hover::before {
		  background-color: rgba(155, 153, 183, 0.8);
		}
		
		.box:nth-child(417):hover::before {
		  background-color: rgba(79, 239, 240, 0.8);
		}
		
		.box:nth-child(418):hover::before {
		  background-color: rgba(209, 180, 74, 0.8);
		}
		
		.box:nth-child(419):hover::before {
		  background-color: rgba(132, 82, 164, 0.8);
		}
		
		.box:nth-child(420):hover::before {
		  background-color: rgba(2, 180, 148, 0.8);
		}
		
		.box:nth-child(421):hover::before {
		  background-color: rgba(214, 70, 212, 0.8);
		}
		
		.box:nth-child(422):hover::before {
		  background-color: rgba(99, 57, 113, 0.8);
		}
		
		.box:nth-child(423):hover::before {
		  background-color: rgba(225, 31, 205, 0.8);
		}
		
		.box:nth-child(424):hover::before {
		  background-color: rgba(26, 83, 2, 0.8);
		}
		
		.box:nth-child(425):hover::before {
		  background-color: rgba(93, 242, 169, 0.8);
		}
		
		.box:nth-child(426):hover::before {
		  background-color: rgba(122, 191, 145, 0.8);
		}
		
		.box:nth-child(427):hover::before {
		  background-color: rgba(40, 169, 92, 0.8);
		}
		
		.box:nth-child(428):hover::before {
		  background-color: rgba(226, 223, 42, 0.8);
		}
		
		.box:nth-child(429):hover::before {
		  background-color: rgba(90, 9, 54, 0.8);
		}
		
		.box:nth-child(430):hover::before {
		  background-color: rgba(30, 183, 136, 0.8);
		}
		
		.box:nth-child(431):hover::before {
		  background-color: rgba(106, 238, 90, 0.8);
		}
		
		.box:nth-child(432):hover::before {
		  background-color: rgba(72, 79, 240, 0.8);
		}
		
		.box:nth-child(433):hover::before {
		  background-color: rgba(141, 223, 112, 0.8);
		}
		
		.box:nth-child(434):hover::before {
		  background-color: rgba(97, 83, 78, 0.8);
		}
		
		.box:nth-child(435):hover::before {
		  background-color: rgba(210, 91, 106, 0.8);
		}
		
		.box:nth-child(436):hover::before {
		  background-color: rgba(176, 250, 147, 0.8);
		}
		
		.box:nth-child(437):hover::before {
		  background-color: rgba(151, 219, 74, 0.8);
		}
		
		.box:nth-child(438):hover::before {
		  background-color: rgba(205, 212, 3, 0.8);
		}
		
		.box:nth-child(439):hover::before {
		  background-color: rgba(46, 67, 97, 0.8);
		}
		
		.box:nth-child(440):hover::before {
		  background-color: rgba(201, 136, 157, 0.8);
		}
		
		.box:nth-child(441):hover::before {
		  background-color: rgba(182, 217, 245, 0.8);
		}
		
		.box:nth-child(442):hover::before {
		  background-color: rgba(3, 168, 95, 0.8);
		}
		
		.box:nth-child(443):hover::before {
		  background-color: rgba(185, 9, 62, 0.8);
		}
		
		.box:nth-child(444):hover::before {
		  background-color: rgba(72, 169, 48, 0.8);
		}
		
		.box:nth-child(445):hover::before {
		  background-color: rgba(8, 204, 190, 0.8);
		}
		
		.box:nth-child(446):hover::before {
		  background-color: rgba(79, 77, 149, 0.8);
		}
		
		.box:nth-child(447):hover::before {
		  background-color: rgba(27, 69, 44, 0.8);
		}
		
		.box:nth-child(448):hover::before {
		  background-color: rgba(36, 73, 174, 0.8);
		}
		
		.box:nth-child(449):hover::before {
		  background-color: rgba(207, 58, 10, 0.8);
		}
		
		.box:nth-child(450):hover::before {
		  background-color: rgba(81, 238, 106, 0.8);
		}
		
		.box:nth-child(451):hover::before {
		  background-color: rgba(121, 167, 240, 0.8);
		}
		
		.box:nth-child(452):hover::before {
		  background-color: rgba(183, 177, 221, 0.8);
		}
		
		.box:nth-child(453):hover::before {
		  background-color: rgba(27, 242, 116, 0.8);
		}
		
		.box:nth-child(454):hover::before {
		  background-color: rgba(207, 220, 249, 0.8);
		}
		
		.box:nth-child(455):hover::before {
		  background-color: rgba(22, 10, 184, 0.8);
		}
		
		.box:nth-child(456):hover::before {
		  background-color: rgba(55, 106, 196, 0.8);
		}
		
		.box:nth-child(457):hover::before {
		  background-color: rgba(28, 217, 22, 0.8);
		}
		
		.box:nth-child(458):hover::before {
		  background-color: rgba(86, 29, 227, 0.8);
		}
		
		.box:nth-child(459):hover::before {
		  background-color: rgba(141, 210, 101, 0.8);
		}
		
		.box:nth-child(460):hover::before {
		  background-color: rgba(84, 246, 241, 0.8);
		}
		
		.box:nth-child(461):hover::before {
		  background-color: rgba(147, 64, 83, 0.8);
		}
		
		.box:nth-child(462):hover::before {
		  background-color: rgba(229, 103, 108, 0.8);
		}
		
		.box:nth-child(463):hover::before {
		  background-color: rgba(255, 58, 101, 0.8);
		}
		
		.box:nth-child(464):hover::before {
		  background-color: rgba(112, 128, 35, 0.8);
		}
		
		.box:nth-child(465):hover::before {
		  background-color: rgba(247, 225, 218, 0.8);
		}
		
		.box:nth-child(466):hover::before {
		  background-color: rgba(169, 196, 25, 0.8);
		}
		
		.box:nth-child(467):hover::before {
		  background-color: rgba(221, 187, 46, 0.8);
		}
		
		.box:nth-child(468):hover::before {
		  background-color: rgba(175, 212, 75, 0.8);
		}
		
		.box:nth-child(469):hover::before {
		  background-color: rgba(116, 154, 186, 0.8);
		}
		
		.box:nth-child(470):hover::before {
		  background-color: rgba(98, 192, 140, 0.8);
		}
		
		.box:nth-child(471):hover::before {
		  background-color: rgba(214, 231, 213, 0.8);
		}
		
		.box:nth-child(472):hover::before {
		  background-color: rgba(61, 176, 240, 0.8);
		}
		
		.box:nth-child(473):hover::before {
		  background-color: rgba(95, 194, 130, 0.8);
		}
		
		.box:nth-child(474):hover::before {
		  background-color: rgba(242, 68, 173, 0.8);
		}
		
		.box:nth-child(475):hover::before {
		  background-color: rgba(226, 77, 116, 0.8);
		}
		
		.box:nth-child(476):hover::before {
		  background-color: rgba(155, 11, 50, 0.8);
		}
		
		.box:nth-child(477):hover::before {
		  background-color: rgba(153, 211, 140, 0.8);
		}
		
		.box:nth-child(478):hover::before {
		  background-color: rgba(163, 193, 71, 0.8);
		}
		
		.box:nth-child(479):hover::before {
		  background-color: rgba(11, 240, 85, 0.8);
		}
		
		.box:nth-child(480):hover::before {
		  background-color: rgba(44, 254, 11, 0.8);
		}
		
		.box:nth-child(481):hover::before {
		  background-color: rgba(228, 155, 203, 0.8);
		}
		
		.box:nth-child(482):hover::before {
		  background-color: rgba(92, 184, 4, 0.8);
		}
		
		.box:nth-child(483):hover::before {
		  background-color: rgba(28, 157, 231, 0.8);
		}
		
		.box:nth-child(484):hover::before {
		  background-color: rgba(198, 133, 182, 0.8);
		}
		
		.box:nth-child(485):hover::before {
		  background-color: rgba(235, 244, 124, 0.8);
		}
		
		.box:nth-child(486):hover::before {
		  background-color: rgba(153, 103, 128, 0.8);
		}
		
		.box:nth-child(487):hover::before {
		  background-color: rgba(25, 102, 238, 0.8);
		}
		
		.box:nth-child(488):hover::before {
		  background-color: rgba(228, 118, 159, 0.8);
		}
		
		.box:nth-child(489):hover::before {
		  background-color: rgba(228, 243, 48, 0.8);
		}
		
		.box:nth-child(490):hover::before {
		  background-color: rgba(42, 213, 176, 0.8);
		}
		
		.box:nth-child(491):hover::before {
		  background-color: rgba(138, 194, 196, 0.8);
		}
		
		.box:nth-child(492):hover::before {
		  background-color: rgba(97, 148, 57, 0.8);
		}
		
		.box:nth-child(493):hover::before {
		  background-color: rgba(1, 54, 221, 0.8);
		}
		
		.box:nth-child(494):hover::before {
		  background-color: rgba(11, 23, 121, 0.8);
		}
		
		.box:nth-child(495):hover::before {
		  background-color: rgba(164, 239, 177, 0.8);
		}
		
		.box:nth-child(496):hover::before {
		  background-color: rgba(80, 250, 179, 0.8);
		}
		
		.box:nth-child(497):hover::before {
		  background-color: rgba(54, 102, 154, 0.8);
		}
		
		.box:nth-child(498):hover::before {
		  background-color: rgba(11, 69, 251, 0.8);
		}
		
		.box:nth-child(499):hover::before {
		  background-color: rgba(144, 9, 86, 0.8);
		}
		
		.box:nth-child(500):hover::before {
		  background-color: rgba(180, 230, 48, 0.8);
		}
	</style>
	<body>
		<div class="bg">hover me</div>
		<div class="container">
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		  <div class="box"></div>
		</div>
	</body>
</html>
